<div>
    <ol class="breadcrumb">
        <li> <i class="fa fa-anchor"></i>
            &nbsp;异常报告
        </li>
        <li>下线电桩列表</li>
    </ol>
    <div class="panel">
        <div class="panel-heading">
            <i class="fa fa-list">&nbsp;&nbsp;下线电桩列表</i>
        </div>
        <form class="search-form" action="__ACTION__" method="get">
            <div class="panel-body search-panel-body">
                <div class="col-xs-3 search-col retract">
                    <div class="input-group">
                        <span class="input-group-addon">设备地址</span>
                        <input type="text" class="form-control" placeholder="设备地址" name="key_link"  value="{$_GET['key_link']}">
                    </div>
                </div>
                <div class="col-xs-8 search-col retract">
                    <div class="input-group">
                        <span class="input-group-addon">所在地</span>
                        <select id="location-f" name="location_f_1" class="form-control" style="width:auto;">
                            <option value="0">--</option>
                            <volist name="china" id="vo">
                                <option value="{$vo.code}">{$vo.name}</option>
                            </volist>
                        </select>

                        <select id="location-s" name="location_s_1" class="form-control" style="width:auto;border-left:0">
                            <option value="0">--</option>
                            <volist name="china" id="vo">
                                <volist name="vo['area']" id="vovo">
                                    <option value="{$vovo.code}" class="{$vo.code}" >{$vovo.name}</option>
                                </volist>
                            </volist>
                        </select>

                        <select id="location-t" name="location_t_1" class="form-control required" style="width:auto;border-left:0">
                            <option value="0">--</option>
                            <volist name="china" id="vo">
                                <volist name="vo['area']" id="vovo">
                                    <volist name="vovo['area']" id="vovovo">
                                        <option value="{$vovovo.code}" class="{$vovo.code}" >{$vovovo.name}</option>
                                    </volist>
                                </volist>
                            </volist>
                        </select>
                        <button  type="submit" class="btn btn-warning">
                            <i class="fa fa-search"></i>
                            &nbsp;搜索
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<table  class="table table-bordered table-striped table-mcit" >
    <thead>
    <tr>
        <th>
            <button class='btn btn-block btn-mcit' type='button'>ID</button>
        </th>
        <th>
            <button class='btn btn-block btn-mcit' type='button'>站点名称</button>
        </th>
        <th>
            <button class='btn btn-block btn-mcit' type='button'>所在区域</button>
        </th>
        <th>
            <button class='btn btn-block btn-mcit' type='button'>运营二维码</button>
        </th>
        <th>
            <button class='btn btn-block btn-mcit' type='button'>设备地址</button>
        </th>
        <th>
            <button class='btn btn-block btn-mcit' type='button'>下线时长(天)</button>
        </th>
    </tr>
    </thead>
    <tbody id="DataTableContent">
    <empty name="outline">
        <td colspan="99" style="text-align:center" class="danger"> <strong><i class="fa fa-meh-o"></i>
            &nbsp;&nbsp;当前条件下没有数据</strong>
        </td>
        <else />
        <volist name="outline" id="data">
            <tr align="center">
                <td>{$data.id}</td>
                <td>{$data.name}</td>
                <td>{$data.fullname}</td>
                <td>{$data.evc_number}</td>
                <td>{$data.key_link}</td>
                <td>{$data.outline}</td>
            </tr>
        </volist>
    </empty>
    <tr>
        <td colspan="99" style="text-align:center">
            <ul class="pagination">{$pageView}</ul>
        </td>
    </tr>
    </tbody>
</table>
<import file="js.jquery#chained" />
<import type='css' file="css.datetimepicker" />
<import file="js.bootstrap-datetimepicker#min" />
<import file="js.bootstrap-datetimepicker#zh-CN" />
<import file="js.maskedinput" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#location-s").chained("#location-f");
        $("#location-t").chained("#location-s");

    })
</script>